<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="./bootstrap-3.4.1/dist/css/bootstrap.min.css" rel="stylesheet"/>
    <script src="./jquery-3.6.0.js"></script>
    <script src="./bootstrap-3.4.1/dist/js/bootstrap.min.js"></script>
    <style>
        .center{
            text-align: center;
        }
    </style>
</head>
<body>
    <form action="#" class="form-horizontal" role="form">
        <h2 class="center">用户信息表</h2>
        <div class="form-group">
            <label for="uname" class="control-label col-md-2">姓名</label>
            <div class="col-md-8">
                <input type="text" id="uname" class="form-control" placeholder="请输入姓名"/>
            </div>
        </div>
        <div class="form-group">
            <label for="upwd" class="control-label col-md-2">密码</label>
            <div class="col-md-8">
                <input type="text" id="upwd" class="form-control" placeholder="请输入密码"/>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-md-2">爱好</label>
            <div class="col-md-3">
                <label class="checkbox-inline">
                 <input type="checkbox" name="hobby"/>唱歌
                </label>
                <label class="checkbox-inline">
                 <input type="checkbox" name="hobby"/>跳舞
                </label>
             </div>
        </div>
        <div class="form-group">
            <label class="control-label col-md-2">城市</label>
            <div class="col-md-8">
                <select class="form-control">
                    <option>请选择城市</option>
                    <option>北京</option>
                    <option>上海</option>
                </select>
            </div>
        </div>
        <div class="form-group">
            <label for="remark" class="control-label col-md-2">简介</label>
            <div class="col-md-8">
               <textarea id="remark" class="form-control"></textarea>
            </div>
        </div>
        <div class="form-group">
            <div class="col-md-8 col-md-offset-5">
               <button class="btn btn-primary">提交</button>
            </div>
        </div>
    </form>
    <br><hr>
    <form class="form-inline">
        <div class="form-group col-md-offset-1">
            <label for="userName">姓名</label>
            <input type="text" id="userName" class="form-control" placeholder="请输入姓名"/>
        </div>
        <div class="form-group">
            <label for="userPwd">密码</label>
            <input type="text" id="userPwd" class="form-control" placeholder="请输入密码"/>
        </div>
    </form>
</body>
</html>